<template>
    <div class="bg">
      <DynamicsBackground></DynamicsBackground>
     <containerVue class="containerAside"
     :component="expressionCam"
     :titleHeader="titleArray"
      >
      
    </containerVue>
    <div>1111111111</div>
    </div>
  </template>
  
  <script>
  import containerVue from '@/components/container.vue';
  import expressionCam from '@/components/expressioncam.vue';
  import DynamicsBackground from "@/components/backGroundJS/DynamicBackground.vue";
  export default {
    data(){
      return {
         expressionCam,
         timerId: null,//定时器标记
         titleArray:["expression1", "expression2", "expression3", "expression4"]
         
      }
    },
    
    components:{
      containerVue,
      DynamicsBackground
    },
    mounted() {
      this.timerId = setInterval(() => {
        this.$emit('my-event', 'Hello, parent!');
      }, 1000);
    },
    beforeDestroy() {
      clearInterval(this.timerId);
    },
    
  }
  </script>
  
  <style>
  .bg{
    position: fixed;
    background: rgba(110, 180, 156, 0.718);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .containerAside {
    margin: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  
  
  </style>